/* pages/vault/vault.wxss */
@themeColor: #c4b7d7;
page {
  background-color: #f7f8fa;
}

/* 头部区域 */
.topBox {
  position: fixed;
  top: 0%;
  height: 15%;
  width: 100%;
  text-align: center;
  background-color: @themeColor;
  font-family: Impact, Haettenschweiler;
}

.detailBar {
  position: fixed;
  top: 15%;
  height: 5%;
  width: 100%;
  padding: 0.4rem 1rem;
  font-weight: 1000;
  color: #6f6f6f;
}

/* 中间区域 */
.centerBox {
  color: #353434;
  position: fixed;
  top: 20%;
  background: #fff;
  height: 73%;
}

.detailPay {
  background: #fff;
  padding: 0.4rem 0;
}

.smallText {
  float: left;
  margin-top: 0.2rem;
  color: #aaaaaa;
  font-size: 0.85rem;
}

.textMini {
  font-size: 0.9rem;
}

.moneyIn {
  margin: 10% 20% 0 0;
  color: #41b476;
  font-size: 1.1rem;
  text-align: right;
  font-family: Impact, Haettenschweiler;
}

.moneyOut {
  margin: 10% 20% 0 0;
  font-size: 1.1rem;
  color: red;
  text-align: right;
  font-family: Impact, Haettenschweiler;
}

/* 底部按钮 */
.footerBox_left {
  height: 7%;
  width: 50%;
  position: fixed;
  bottom: 0;
}

.footerBox_right {
  height: 7%;
  width: 50%;
  left: 50%;
  position: fixed;
  bottom: 0;
}

.footerBox_left button {
  font-size: 1.2rem;
  height: 100%;
  width: 100%;
}

.footerBox_right button {
  font-size: 1.2rem;
  height: 100%;
  width: 100%;
}